<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
<title>LIVING LIKE @ FLAG - 微观世界！</title>
<link type="text/css" rel="stylesheet" href="<?php echo __PUBLIC__?>/style/basic.css" />
<link type="text/css" rel="stylesheet" href="<?php echo __PUBLIC__?>/js/popupbox/jquery.popupbox.css" />
<script type="text/javascript" src="<?php echo scURL('js/init')?>"></script>
<script type="text/javascript" src="<?php echo __PUBLIC__?>/js/jquery.js"></script>
<style type="text/css">
	.content{padding:20px;}
	#browser {height:160px;position:relative;}
	#browser div{width:128px;height:128px;position:absolute;bottom:0px;cursor:pointer;}
	.firefox{background:url(<?php echo __PUBLIC__?>/image/mix/firefox.png) no-repeat;left:0}
	.chrome{background:url(<?php echo __PUBLIC__?>/image/mix/chrome.png) no-repeat;left:140px;}
	.ie{background:url(<?php echo __PUBLIC__?>/image/mix/ie.png) no-repeat;left:270px;}
	.safari{background:url(<?php echo __PUBLIC__?>/image/mix/safari.png) no-repeat;left:400px;}
	.opera{background:url(<?php echo __PUBLIC__?>/image/mix/opera.png) no-repeat;left:530px;}
</style>
</head>
    
<body id="body">
	
	<div id="main">
	<div class="content">
		<h3>Oh no, 你似乎需要升级浏览器！</h3>
		<div style="padding:20px 0;">你的浏览器看起来有点掉队了哦，可能没法儿体验本站一些比较酷的东西。<p>使用以下系列最新浏览器将会让你在本站得到更好的体验：</div>
		
		<div id="browser">
			<div class="firefox" rel="http://www.firefox.com.cn" title="火狐"></div>
			<div class="chrome" rel="http://www.google.cn/chrome" title="谷歌chrome"></div>
			<div class="ie" rel="http://www.microsoft.com/internetexplorer" title="IE"></div>
			<div class="safari" rel="http://www.apple.com.cn/safari" title="Safari"></div>
			<div class="opera" rel="http://www.opera.com" title="Opera"></div>
    	</div>
    	<div style="clear:both;"></div>
	</div>
	</div>
	
	<script type="text/javascript" src="<?php echo __PUBLIC__?>/js/navigation.js"></script>
	
	<script type="text/javascript" src="<?php echo __PUBLIC__?>/js/popupbox/jquery.popupbox.js"></script>
	<script type="text/javascript">
	$(function() {

		$.popupbox({
			message : '<span style="color:green">well done, dude!</span>', 
			time : 2
		});

		
		$('#browser div').hover(function() {
			$(this).stop().animate({'top' : "0px"});
		}, function() {
			$(this).stop().animate({'top' : "30px"});
		}).click(function() {
			window.location.href = $(this).attr('rel');
		});
	});
	</script>
	
</body>
</html>